import React from 'react';
import Typography from '@material-ui/core/Typography';
import Toolbar from '@material-ui/core/Toolbar';
import AppBar from '@material-ui/core/AppBar';
import { withStyles } from '@material-ui/core/styles';

const useStyles = theme => ({
    toolbar: {
      justifyContent:"center"
    },
});

class Header extends React.Component {
    render() {
      const { classes } = this.props;
      return (
        <AppBar position="relative">
        <Toolbar className={classes.toolbar}>
            <Typography>
            Atlas推理模型展示
            </Typography>
        </Toolbar>
      </AppBar>
      )
    }
}

export default withStyles(useStyles)(Header);